
<main id="content-container" class="container" role="main">
  <div class="row" style="margin-top:20px;">

    <div class="col-lg-10 col-lg-offset-1 well bg-black">

      <div class="jumbotron">
        <h1>Hello, fighter!</h1>
        <p>To better fit you into the right starting place on the ladder, also help other fighters to recognize you, please fill out the fighter's info form.
          Fightere uses the information for fighters' matching up only.
        </p>
        <p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p>
      </div>
      
      <div class="col-lg-8 col-lg-offset-2" style="margin-bottom:30px; color:white;">
        <h2 class="page-header">Create a new fighter profile</h2>
        <%= render 'form' %>
      </div>
    </div>

  </div>
</main>

<!-- Display Disclaimer Modal -->
<div class="modal" id="modal-disclaimer" data-backdrop="static" data-keyboard="true" tabindex="-1" role="dialog">
  <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">Fightere Disclaimer</h4>
        </div>
        
        <div class="modal-body" style="overflow:auto;">
          <p>
            I have read this agreement carefully, and understand it, and certify my agreement by my consent below executed on March 29, 2014.
          </p>
        </div>

        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
          <button type="button" class="btn btn-success" data-dismiss="modal">I Accept</button>
        </div>

      </div>
  </div>
</div>

